/*
    Created on : 2015-4-16
    Author     : wind
    Project    : 翠玉坊
*/
*{ padding: 0; margin: 0;}
html,body{ font-family: Arial,SimHei; font-size: 13px; height: 100%; background: #fff; position: relative; padding: 0;background: #0e0f0c; color: #fff; }

ul,li{ list-style: none;}
a{ text-decoration: none; color: #fff;}
a:hover, a:focus{ text-decoration: none; color: #289E37; }
i{ color: #fff;}
img{ border: none;}
h1, .h1, h2, .h2, h3, .h3{ margin-top: 5px;}
table {border-collapse: collapse;border-spacing: 0;}
.container{ padding: 0; width: 1024px;}
.row{ margin: 0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding:0;}
.modal-dialog{ margin: 15% auto}
.chain_content{ text-align: center;}
.chain_content p{ margin: 10px 0; text-align: left;}
.chain_content img{ width: 100%;}
.btn-green {
    background-color: #0eaaa6;
    color: #fff;
}
btn {
    border-radius: 2px;
    text-decoration: none;
}
.btn:hover, .btn:focus{ color: #289E37;}
.dl-horizontal dt,.dl-horizontal dd{ font-size: 14px;}
.clear-fix{ clear: both;}
.div_con{ display: block; overflow: hidden;}
/*頂部*/
.top{height: 194px; background: url(../images/bg.jpg) no-repeat; margin: 0 auto; position: relative;}
.logo{ width: 97px; margin: 0 auto; padding-top: 30px;}
.booking{ position: absolute; top: 10px; right: 10px; width: 40px; line-height: 30px; color: #fff; font-size: 12px; text-align: center;}
.booking a{ display:block; width: 40px; text-align: center; font-size: 20px; }
.navbar-nav>li>a{ font-size: 18px; }
.navbar-nav>li>a:hover{color: #289E37;}
.navbar-nav>li.active a{color: #289E37;}
.nav>li>a:hover, .nav>li>a:focus{ background: none;}
.btn-search{ background: none; font-size: 15px; color: #fff; border-radius: 50%; border: #ccc 1px solid; margin-left: 10px;}
.btn-search:hover{color: #289E37; border: #289E37 1px solid}
.btn-search:hover i{color: #289E37;}
.navbar-toggle{ float: left; font-size: 30px; padding: 7px 10px; margin-bottom: 0;}
.navbar-collapse{ float: left}

/*body*/
.content{ background: url(../images/body_bg.jpg); padding-bottom: 20px;}
.news-content{ background: url(../images/body_bg.jpg); padding-bottom: 50px; height: 70%;}
.adv{ margin-top:20px; background: rgba(0,0,0,.5); position: relative;}
.style_more{background: rgba(0,0,0,.5); border-top:1px solid #fff; border-bottom:1px solid #fff; height: 50px; line-height: 50px; font-size: 20px; text-align: center; color: #fff;}
.adv .slide{ width: 918px; margin: 0 auto;}
.top-adv{ height: 400px;}
.swiper-slide img{ width: 80%;}
.adv .carousel-indicators{ width: inherit; right: 10px; left: inherit; text-align: right;}
.adv .carousel-indicators li{ text-indent: 0; background-color: rgba(255,255,255,0.5); border-radius: 0px; border: 1px solid #666; color: #fff; width: 20px; height: 20px; text-align: center;}
.adv .carousel-indicators .active{background:#289E37}

.adv .bs-docs-example{ width: 918px; height: 100%; margin: 0 auto; background: rgba(0,0,0,.5); padding: 20px 0;}
.adv .nav-tabs{ border: none; margin: 0 auto; text-align: center;}
.adv .nav-tabs>li { font-size: 15px; border-right: 1px #ccc solid; float: none !important; display: inline-block;}
.adv .nav-tabs>li>a{ border: none; padding: 0 20px}
.adv .nav>li>a:hover, .adv .nav>li>a:focus{ border: none; color: #289E37;}
.adv .nav-tabs>li.active>a, .adv .nav-tabs>li.active>a:hover, .adv .nav-tabs>li.active>a:focus{ background: none; border: none; color: #289E37;}
.adv .tab-content{ padding-top: 20px; height: 100%; padding-bottom: 20px;}
.adv .tab-pane{position: relative; text-align: center; color: #fff;  display: block; height: 0; }
.adv .tab-pane.active,.swiper-container{ height: 100%;}
.swiper-pagination-bullet-active{background: #09930A;}
.adv .tab-pane p{ padding: 10px 0;}
.swiper-slide{text-align: center;}
.swiper-button-next,.swiper-button-prev{ background-image: none;}
.swiper-button-next i,.swiper-button-prev i{ font-size: 50px; color: #289E37}

/*推薦*/
.recom-img img{ width: 50%;}
.recom-button-left{left:-35px}
.recom-button-right{right:-35px}

.style_title{background: url(../images/bg.jpg) no-repeat; height: 50px; line-height: 50px; font-size: 20px; text-align: center; color: #fff;}
.style_con{ padding:0 30px}
.style_con a{ display: block; overflow: hidden;}
.style_con a img{ width: 100%;}
.style_con h3{ font-size: 15px; margin: 0; color: #000}
.style_con .text_con{text-align: center; padding: 10px 0; color: #000;}
.style_con1{ background: #fff}
.style_con1 img{ height: 430px;}
.style_con2{ background: #fff; margin: 10px 0;}
.style_con2 h3{ margin-top: 50%;}
.button-next{ right:-35px;}
.button-prev{ left: -35px;}
.swiper-pagination{ width: 100%;}
 a .blur{
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1 ;
  transition: transform 0.35s, opacity 0.35s;
  -webkit-filter: blur(0px);
}
 a:hover .blur{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1 ;
  transition: transform 0.35s, opacity 0.35s;
  -webkit-filter: blur(0px);
}
/*button*/
 .btn_green{ background: #1b6034; width: 150px;}
 .btn_green:hover{background:#09930A; color: #fff;}
 .footer{ background:url(../images/bg.jpg) repeat-y; color: #fff; text-align: center; padding: 10px; clear: both;}
 
 /*商品頁*/
 .product_nav{ padding: 10px; min-width: 600px;}
 .product_nav ul{ margin-left: 50px;}
 .product_nav ul li{ font-size: 15px; color: #fff; margin: 15px 0;}
 .product_nav ul li a{ display: inline-block; width: 100px; text-align: center; min-width: 50px; border-right:1px solid #fff; margin:5px 0;}
 .product_nav ul li a:hover, .product_nav ul li a.active{color: #289E37;}
 .search1,.search1{ width: 100%;}
 .product_con{ padding: 20px;} 
 .product_div{ padding: 20px;}
 .product_con a{ display:block; overflow: hidden; height: 300px;}
 .product_con img{ width: 100%;}
 .product_con .text_con{ text-align: center; background: #fff; padding-top: 10px; color: #000;}
 .product_con .text_con h3{ font-size: 18px; color: #000;}
 .text_con p{ height: 36px; overflow: hidden; margin: 0;}
 /*商品詳情*/
 .product_info{background: #fff;}
 .product_info_img{ height: 400px; overflow:hidden; text-align: center}
 .product_info img{ width: 100%;}
 .product_info .text_con{ float: right;  padding: 10px;}
 .product_info .text_con h3,.product_info_title{color: #000}
 .product_info .text_con p{ line-height: 30px; color: #000}
 .go-top:hover{ background: rgba(43, 107, 6, 1);}
 .go-top{ position: fixed; bottom: 10px; right: 9px; z-index: 9; display: none; cursor: pointer; background: rgba(40, 158, 55, 1); padding:5px 14px; font-size: 20px;z-index: 99;}
 .share_div a{margin: 0 5px;}
 .share_facebook_f .share_facebook_bg{color: #3B589C}
 .jiathis_button_weixin .share_weixin_bg{color: #0DCD18;}
 .modal{top: -100px;}
 /*關於我們 聯系我們*/
 .about{padding:20px 10%;margin: 0 auto; margin-top: 20px; height: 100%;} 
 .about h3, .about h4{ text-align:center;  }
 .about .about_img{ padding: 10px;}
 .about .about_img img{ width: 100%;}
 .about .about_text{ padding: 10px; line-height: 25px;}
 .about .contact_text{ font-size: 17px; line-height: 30px; padding-top: 50px; padding-left:50px; }
 .contact_text span{ display: block; width: 100px;float: left; }
 .about_text p{ text-indent: 2em; }

 
 /*最新動態*/
.news{padding:20px 10%;margin: 0 auto; margin-top: 20px; height: 100%; }
.news_li li{ padding:10px; border-bottom: 1px solid #ccc}
.news_li li a{ display: block; height: 100px;}
.news_li li a span{ display: inline;}
.news_li li a .news_title{ font-size: 18px;}
.news_li li a p{ height: 50px;overflow: hidden; margin-top: 5px; display: block; width: 100%; text-align:Justify}
.news_li li a:hover p{color:#fff;}
.news_li_img{ float: left; height: 100px; padding-right: 10px;}
.news_li_img img{ width: 100%;}
.news_page{ margin:0 auto; display: block; margin-top:20px; text-align: center; } 
.news_page a{display:inline-block;border: 1px solid #999; color: #fff; background-color:#4c4c4c; padding: 0 10px; height: 30px; margin: 0 10px; text-align: center; line-height: 30px;}
.news_page span{display:inline-block;border: 1px solid #999; color: #fff; background-color:#4c4c4c; padding: 0 10px; height: 30px; margin: 0 10px; text-align: center; line-height: 30px;background-color:#105e14;}
.news_page a.active,.news_page a:hover{background-color:#105e14;;}
.news_time{ float: right;text-align: right;}
.news_share{ text-align: center; margin-bottom: 10px;}
.news_share a{ margin: 0 5px;}
/*條款*/
.rule_text{  margin: 0 auto;}
.rule_text h3{ text-align:center; }
.rule_text p{ font-size: 15px; line-height: 25px;}

/*留言*/
.messge{ position:fixed; bottom:50px; left:0; width:500px; z-index: 99;}
.messge_nav{ width: 175px; height:30px; background-color:rgba(40, 158, 55, 1);  font-family: Arial,SimHei;text-align: center;font-size: 12px;color: #fff;line-height: 30px;letter-spacing: 2px}
.message_content{display:none; width:100%;; height:310px; background:#FFF;  padding-top:10px; border:solid rgba(40, 158, 55, 1) 1px; }
.messge .message_input{ display: block; width: 80%; margin: 10px auto; padding:0 0 0 5px; height: 35px; background: rgba(40, 158, 55, 1); font-size: 13px; color: #fff; }
.messge .message_text_area{display: block; padding-left: 5px; width: 80%; height: 70px; background-color: rgba(40, 158, 55, 1); margin: 10px auto; }
.messge .message_button{ display: block;  margin: 10px auto; width: 178px;height: 45px;background-color: rgba(40, 158, 55, 1);border: none;font-size: 16px;color: #FFF; }
@media (max-width: 1200px){

}
@media (max-width: 991px) and (min-width: 768px){
    .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{ clear: both; width: 100%;  position: relative; z-index: 99999; margin: 0; padding: 0;}
    .container{ width: 100%;}
    .top-adv{ height: inherit;}
    .bs-docs-example h2{font-size: 20px;}
    .navbar-right .form-group{ float: left; margin-right: 10px; width: inherit;}
.btn_green{ width: initial;}
.button-next{ right:-3px;}
.button-prev{ left: -5px;}
.style_con{ padding: 0;}

.news-content{ height: initial;}
.product_div{ padding: 20px 0;}
.product_nav ul{ margin-left: 0;}
.product_nav{min-width: inherit; padding: 10px 0}
.hidden-sm{ display: none;}
.navbar-form{ padding: 10px 5px; margin-right: 0;}
.modal{top:0px;}
.messge{ bottom: 0;}
.go-top{ bottom: 0; right:0}
.product_info .text_con{float: left;}
.product_info_img{ height: inherit;}
.messge .message_input{margin: 10px 0;}
.messge .message_text_area{ margin:10px 0 }
.news{padding: 20px 0 }
.news_li_img{ height: inherit;}
}

@media (max-width:768px){  
.container{ width: 100%;}
.container-fluid{ padding: 0; margin: 0;}
.container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{ clear: both; width: 100%;  position: relative; z-index: 99999; margin: 0; padding: 0;}
.navbar-nav{ margin: 0;}
.navbar-nav li{background: #1b6034;}
.navbar-nav li.active a,.navbar-nav li a:hover{ background: #0eaaa6; color: #fff;}
.btn-search{ margin-left: 0;}
.adv .slide{ width: 100%;}
.adv .bs-docs-example{ width: 100%;}
.navbar-right{ position: absolute; right:0; width: 250px; margin: 0;}
.navbar-right .form-group{ float: left; margin-right: 10px; width: inherit;}
.style_con1 img{ height: inherit;}
.top-adv{ height: inherit;}
.bs-docs-example h2{font-size: 20px;}
.btn_green{ width: initial;}
.button-next{ right:-3px;}
.button-prev{ left: -5px;}
.style_con{ padding: 0;}
.news-content{ height: initial;}
.product_div{ padding: 20px 0;}
.product_nav ul{ margin-left: 0;}
.product_nav{min-width: inherit; padding: 10px 0}
.hidden-sm{ display: none;}
.navbar-form{ padding: 10px 5px; margin-right: 0;}
.modal{top:0px;}
.messge{ bottom: 0;}
.go-top{ bottom: 0; right:0}
.product_info .text_con{float: left;}
.product_info_img{ height: inherit;}
.messge .message_input{margin: 10px 0;}
.messge .message_text_area{ margin:10px 0 }
.news{padding: 20px 0 }
.news_li_img{ height: inherit;}
}